<!-- eslint-disable vue/multi-word-component-names -->
<!-- 主界面 -->
<template>
    <div class="plan-main-interface">
        <MainHeader></MainHeader>
        <MainModule :moduleList="menuDataList"></MainModule>
    </div>
</template>

<script setup lang="ts">
import MainModule from './MainModule.vue';
import MainHeader from './MainHeader.vue'
import { onMounted, ref } from 'vue';
import {_getMainInterfaceInfos} from '@/api/generic/maininterface/main-interface-api'
import { moduleStore, type StateModuleItemType } from '@/stores/moduleStore';
    const menuDataList = ref<Array<StateModuleItemType>>([]);
    const moduleStores = moduleStore();
    //初始化加载数据
    onMounted(async () => {
       menuDataList.value =  moduleStores.getModules();
      _getMainInterfaceInfos({}).then(r=>{console.log(r);})
    });
</script>

<style scoped>
.plan-main-interface{
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    background-size: 100%;
    background-attachment: fixed;
    background-color: #e7e9db;
    background-image: url("/src/assets/background/background-light.svg");
  }
  .header{
    height: 49px;
    display: inline-block;
  }

</style>
